export default function NewsItem({newsDescriptor}) {
  // 拖一下时间 卡一下帧
  // 在当前帧里 在走这500断for循环 那他就没有精力去响应用户的点击
  // concurrency ---> 任务拆分 组件归根结底就是你组件加载的时间太长了 而concurrency拆分任务的最小单元是组件和react元素
  // 也就是说正常情况下 所有的组件在一起渲染 是要花费2s之内 用户的所有响应全部失效
  // 那么有了concurrency以后 react会把这么多和在一起的组件拆分成最小单元塞入每一帧里 每个组件就有了自己的执行时长，那只要单个组件
  // 的执行周期不超过16ms就不会卡帧了
  // 但是如果单个组件超过了16ms依旧会出现卡帧
  // 本质上是不是就因为News的渲染时间是不是太长了
  // 换句话来讲 我们是不是希望切换tab的这个行为的【优先级】要高于news页面渲染的【优先级】
  // 我们希望从首页-》 新闻列表 -》 关于我们 这个时候新闻列表的渲染工作直接被react收到强制切断
  for (let i = 0; i < 2000; i++) {
    console.log(i)
  }
  return (
    <div>
      newsDescriptor: {newsDescriptor}
    </div>
  )
}